$val1 : 125px;//第一个轮播图进度条li的宽
$val2 : 50px;//第一个轮播图进度条文字高
%pos1  {
	box-sizing:border-box;
}
%pos2{
	width:100%;
	height:100%;
}

div.swip{//轮播图最外层
	position:relative;
	width:1440px;
	height:550px;
	margin:0 auto;
	div._b{
		position:absolute;
		top:300px;
		left:1000px;
		background: rgba(255,255,255,0.5);
		width:100px;
		height:50px;
		border-radius:10px;
		overflow:hidden;
		z-index:100;
		a{
			display:block;
			text-align:center;
			width:100%;
			height:100%;
			line-height:50px;
			color:#000;
			font-size:20px;
		}
	}
	//轮播图的两个左右按钮
	div.swiper-button-next,div.swiper-button-prev{
		color:#000;
		--swiper-navigation-size:50px;
	}
	//轮播图下边的导航进度条
	div.probar{
		width:auto;
		height:auto;
		position:absolute;
		bottom:30px;
		left:300px;
		z-index:10;
		ul{
			height:2px;
			li{
				position:relative;
				margin:0 10px;
				float:left;
				width:$val1;
				height:2px;
				background:rgba(255,255,255,0.3);
				div.hide{
					width:0;
					height:100%;
					background:#000;
				}
				div.probar_box{
				 	width:100%;
					height:41px;
			    }
			}
		}
		span.iconfont{
			font-size:14px;
			position:absolute;
			bottom:-3px;
			right:-20px;
			color:#fff;
			opacity:0.8;
		}
		span.icon-icon-up{
			position:absolute;
			bottom:-3px;
			display:none;
			font-size:20px;
		}
	}
}

//探索标题和图片
div.plor{
	width:100%;
	height:42px;
	padding:72px 0 10px;
		h3{
			font-size:32px;
			text-align:center;
			font-weight:700;
		}
	}

div.scale{//鼠标悬浮图片缩放
	width:100%;
	height:300px;
	ul{
		margin-left:43px;
		width:auto;
		height:256px;
		li{
			position:relative;
			width:464px;
			height:256px;
			float:left;
			a:hover img{
				transform:scale(1.2);
				transition:all 0.5s;
				p{
					font-weight:700;
				}
			}
			a{
				p{
					width:100%;
					position:absolute;
					bottom:20px;
					font-size:20px;
					color:#fff;
					text-align:center;
				}
				overflow:hidden;
				display:block;
				width:100%;
				height:100%;
				img{
					width:100%;
					height:100%;
				}
				span{
					cursor:pointer;
					position:absolute;
					top:68px;
					left:170px;
					display:inline-block;
					width:123px;
					height:123px;
					z-index:100;
					color:#fff;
					font-size:80px;
				}
				span:hover{
					color:rgba(255,255,255,0.5);
				}
			}
		}
		li{
			overflow:hidden;
		}
		li:nth-child(2){
			margin:0 20px;
		}
	}
}
div.swiper_sec{//好呀,又是一个轮播图来了呀!!!!
	//当然这是最外层的样式哈哈哈哈
	width:100%;
	height:950px;
	padding-top:72px;
	@extend %pos1;
	div.title{//title来了
		height:48px;
		width:596px;
		margin:0 auto;
		p{
			height:48px;
			font-weight:700;
			float:left;
			@extend %pos1;
			padding:0 23px;
			a{
				display:inline-block;
				font-size:32px;
				color:#949494;
			}
		}
		p:nth-child(1) a{
			color:#000;
			border-bottom:4px solid #000;
		}
		p:hover a{
			color:#000;
			cursor:pointer;
		}
	}
	div.sure{//是的(轮播图最外面盒子)
		width:100%;
		height:788px;
		overflow:hidden;
			ul{
				float:left;
				width:1464px;
				height:788px;
				li{
					// position:relative;
					width:342px;
					height:370px;
					padding:24px 0 0 24px;
					float:left;
					a{
						position:relative;
						display:inline-block;
						@extend %pos2;
						img{
							@extend %pos2;
						}
						div{
							width:103px;
							height:30px;
							padding:4px 19px;
							font-size:14px;
							line-height:30px;
							text-align:center;
							border-radius:45px;
							position:absolute;
							bottom:10px;
							color:#000;
							border:1px solid #000;
							margin:0 100px;
							font-weight:700;
							background:rgba(255,255,255,0.5);
							display:none;
							span{
								font-size:10px;
							}
						}
						div:hover{
							color:#000;
							background:#fff;
						}
					}
					a:hover div{
						display:block;
					}
				}
				li.also_yi{//第一个li
					width:708px;
					height:764px;
					a.also_i{//第一个li底下的ax
						@extend %pos2;
						overflow:hidden;
						img{//a下边的图片
							@extend %pos2;
						}
						div{
							margin:0 283px;
						}
					}
					a.also_i:hover img{
						transform:scale(1.1);
						transition:all 0.5s;
					}
				}
			}
	}
	
	
	//我不是最外层括号
}
	//search，我们能帮点什么吗
div.search{
		width: 100%;
		height:105px;
		padding:0 30px 78px 30px;
		margin-top:78px;
		h2{
			font-weight:700;
			text-align:center;
			margin-bottom:26px;
		}
		div._search{
			width:850px;
			height:44px;
			border-bottom:2px solid #000;
			margin:0 auto;
			input{
				font-size:16px;
				border:none;
				width:727px;
				height:42px;
				padding:0 29px 2px;
			}
			button{
				width:43px;
				height:44px;
				background:#fff;
				border:none;
				padding:8px;
				span{
					font-weight:700;
					font-size:14px;
				}
			}
		}
	}
	
//第三个轮播
div.swi_ban{
	width:1440px;
	height:656px;
	margin:0 auto;
	text-align:center;
	a{
		margin-top:75px;
		font-size:32px;
		color:#000;
		font-weight:700;
	}
	a:hover{
		color:#00f;
	}
	div.swi_ban_img{
		width:1440px;
		height:603px;
		margin-top:11px;
		background:url("../status/ban/swi6.jpg");
		background-size:100% 100%;
		div#swiper2{
			div.swiper-wrapper{
				div.swiper-slide{
					position:relative;
					width:836px!important;
					height:386px;
					img{
						width:690px;
						height:100%;
					}
					div.jia{
						position:absolute;
						top:365px;
						left:87px;
						width:106px;
						height:106px;
						background:url("../status/ban/jia.png");
					}
				}
			}
			div.swiper-button-prev{
				left:280px;
			}
			div.swiper-button-next{
				right:280px;
			}
			div.swiper-button-prev,div.swiper-button-next{
				--swiper-navigation-size:30px;
			}
		}
	}
}
div.pos{
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	width:100%;
	height:97px;
	background:#fff;
	position:fixed;
	bottom:0;
	z-index:10;
	padding:0 24px;
	@extend %pos1;
	>div{
		position:relative;
		margin-left:40px;
		width:950px;
		height:100%;
		@extend %pos1;
		padding:29px 0 30px 0;
		float:left;
		p.p1{
			font-size:14px;
		}
		p.p2{
			font-size:12px;
			a{
				text-decoration:underline;
				color:#00f;
			}
		}
	}
		span{
			position:absolute;
			top:20px;
			right:20px;
			cursor:pointer;
		}
	button{
		float:right;
		width:110px;
		height:40px;
		background:#1428a0;
		border-color:#1428a0;
		border-radius:20px;
		font-size:14px;
		color:#fff;
		font-weight:700;
		padding:0 18px;
		margin:29px 104px 30px 0;
	}
}